body
{
	margin: 0;
	padding: 30px;
	line-height: 1.5em;
	color: gray;
	font-family: Verdana, Arial;
	font-size: 12px;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 940px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
border-bottom:#999999 solid 1px;
height: 50px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -940px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* promotional nav list format */
#navlist
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 4px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #cad4e4;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}


form br {clear:left;} /* setting clear on inputs didn't work consistently, so brs added for degrade */
p.formSelection, p.formDescription
{
}
p.formDescription  {
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
font-size:10px;
}
fieldset{
width:700px;
padding:0;
margin:0;
border:1px solid #888;
margin-bottom:10px;
}
fieldset legend {
padding:2px 12px;
border:1px solid #888;
background-color:#f1f3f5;
color:#888;
font-weight:bold;
margin-left:2px;	
margin-bottom:5px;
}
p.formSelection{
display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 1px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	margin-right:2px;
}
div.extraSection {
padding:0;
}
label.promotionalNameLabel {
font-weight:bold;
}
#pos_form{
width:700px;
border-collapse:collapse;
padding:0;
margin:0;
}
#pos_form tr th {
font-weight:bold;
color:#ffffff;
background-color:#444444;
border-right:1px solid #444444;
}
#pos_form input {
padding:0 2px;
color:#555;
}
#pos_form tr td {
padding:2px;
padding-left:8px;
border-right:1px solid #555;
}
#pos_form tr td.last_cell {
border-right:none;

}
#simplerUser{
font-size:120%;
border:1px solid #000000;
padding:10px;
}
#simplerUser p{
font-weight:bold;
border-bottom:1px solid #000000;
padding-bottom:10px;
}

.sexypanels{
list-style-type: none;
margin: 0;
margin-left:-10px;
margin-top:4px;
padding: 0;
width: 180px; /* width of menu */
}

.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #333 url(../../images/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}


/* IE hack */
* html .sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}

/* General styles */

/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
